<h1>Welcome To Aztec</h1>

<p>Aztec goal is to be an component that allows display and editition of HTML. <br/>
It aims to supports the most common character styles, paragraph styles and multimedia elements.
</p>

<!--more-->

<h2>Character Styles</h2>

Bold: <strong>Bold text</strong><br/>
Italic: <em>Italic text</em><br/>
This is superscript<sup>(1)</sup> and this is subscript<sub>(2)</sub><br/>
Underline: <u>Underlined text</u><br/>
Strikethrough: <del>Strikethrough</del><br/>
Colors: <span style="color: royalblue;">Royal Blue by name</span> <span style="color: #ff0000;">Red by hex</span><br/><br/>
Underline with CSS: <span style="text-decoration: underline;">Alternative underline text</span><br/>
Links: <a href="http://www.wordpress.com">I'm a link!</a><br/> <a href="http://www.wordpress.com" target="_blank">Open in new window link!</a> <br/>
Code: <code>print("Hello world")</code> <br/>

<hr/>

<h2>Paragraph Styles</h2>

<h3>Lists</h3>

<h4>Unordered List:</h4>
<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>

<h4>Ordered List:</h4>
<ol>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ol>

<h4>Start in 10 List:</h4>
<ol start="10">
    <li>Ten</li>
    <li>Eleven</li>
    <li>Twelve</li>
</ol>

<h4>Reversed List:</h4>
<ol reversed>
    <li>Three</li>
    <li>Two</li>
    <li>One</li>
</ol>

<h4>Reversed Start in 10 List:</h4>
<ol reversed start="10">
    <li>Ten</li>
    <li>Nine</li>
    <li>Eight</li>
</ol>

<h4>Nested lists:</h4>

<ol>
    <li>One
        <ol>
            <li>One</li>
            <li>Two</li>
        </ol>
    </li>
    <li>Two
        <ul>
            <li>One</li>
            <li>Two</li>
        </ul>
    </li>
    <li>Three</li>
</ol>
</p>

<hr />

<h3>Headings:</h3>

<h1>H1 Heading</h1>
<h2>H2 Heading</h2>
<h3>H3 Heading</h3>
<h4>H4 Heading</h4>
<h5>H5 Heading</h5>
<h6>H6 Heading</h6>
<p>Paragraph</p>

<hr />

<h3>Pre-formatted code:</h3>

<pre>
    10 PRINT "HOWDY WORLD"
    20 GOTO 21<br>    21 PRINT "END!"
</pre>

<hr />

<h3>Blockquote</h3>

<blockquote>Kale chips Schlitz forage irony, kogi Tumblr Carles chillwave Etsy pug photo booth YOLO biodiesel tote bag actually. PBR Portland yr pickled, bespoke meggings selvage letterpress kitsch plaid before they sold out put a bird on it you probably haven't heard of them. Yr master cleanse slow-carb crucifix, sustainable keytar Helvetica Tumblr High Life mumblecore narwhal cornhole deep v craft beer. Portland forage hashtag locavore, before they sold out put a bird on it irony hella. Godard kale chips street art tote bag cardigan. Church-key next level seitan keytar meggings Portland. Keffiyeh flexitarian post-ironic drinking vinegar wayfarers.<cite>by Unknow Author</cite>
</blockquote>
<br/>
<hr/>
<h3>Multimedia</h3>

<h4>Image:</h4>
<p>
<figure custom-figure-attribute>
    <a href="www.automattic.com"><img src="https://httpbin.org/image/jpeg" alt="Coyote" /></a>
    <figcaption custom-figcaption-attribute>Coyote</figcaption>
</figure>
</p>

<h4>Video:</h4>
<p>
<video src="https://videos.files.wordpress.com/kUJmAcSf/bbb_sunflower_1080p_30fps_normal.mp4" poster="https://videos.files.wordpress.com/kUJmAcSf/bbb_sunflower_1080p_30fps_normal_scruberthumbnail_2.jpg" alt="Video about bunnies" />
</p>

<hr/>

<h2>Mixed Styles</h2>

<h3>Blockquote with list inside</h3>
<blockquote>
<ol>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ol>
</blockquote>

<h3>List with Blockquotes inside: </h3>
<ol>
    <li><blockquote>One</blockquote></li>
    <li><blockquote>Two</blockquote></li>
    <li><blockquote>Three</blockquote></li>
</ol>

<p>
Master cleanse Intelligentsia butcher Brooklyn Tumblr. Etsy lo-fi Marfa bicycle rights. Intelligentsia Helvetica fanny pack, normcore Odd Future fixie brunch mustache aesthetic kitsch artisan cardigan mlkshk. Pour-over hashtag selfies pug Tumblr mlkshk. Food truck small batch McSweeney's trust fund, Intelligentsia bitters Brooklyn twee meh authentic. Normcore distillery American Apparel single-origin coffee artisan try-hard, stumptown XOXO tote bag fanny pack Blue Bottle Shoreditch food truck Banksy. Church-key American Apparel Blue Bottle, swag try-hard Odd Future mustache chia iPhone.
</p>

<p>
Fanny pack Odd Future Intelligentsia lo-fi semiotics whatever. Selvage keffiyeh mustache sustainable ethnic, chambray mumblecore McSweeney's biodiesel Pitchfork four loko disrupt post-ironic art party American Apparel. Kitsch umami beard salvia, Vice before they sold out vegan tousled lomo jean shorts pickled PBR&amp;B. Tousled Wes Anderson Shoreditch flannel, 90's XOXO quinoa whatever mumblecore cliche Truffaut stumptown. Photo booth crucifix plaid Brooklyn. Authentic letterpress PBR&amp;B, sustainable VHS master cleanse ethnic High Life. Messenger bag umami pug flannel.
</p>

<hr/>

<h3>Unsupported HTML</h3>

<table>
<tr><td></td></tr>
</table>

<hr/>
